Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra un paragrafo (evento onmouseover, elemento di tipo P) per la prima volta, il paragrafo viene evidenziato colorando di rosso il suo bordo (proprietà di style borderColor), i primi 8 caratteri del suo contenuto HTML vengono concatenati al contenuto di un elemento DIV predefinto (si può usare il metodo substr(0,8)) e il colore dello sfondo (proprietà di stile backgroundColor) assume il colore selezionato in un menu a tendina predefinito. Quando si passa sullo stesso paragrafo dalla seconda volta in poi, si eseguono le stesse operazioni esclusa la concatenazione della lunghezza del paragrafo (suggerimento: la condizione può essere memorizzata in una proprietà locale all’elemento). Quando si esce dal paragrafo (evento onmouseout) il colore del bordo deve essere ripristinato al valore originale.

Passa sopra i paragrafi

Colore dello sfondo

Paragrafo 1 con colore di bordo lavender

Paragrafo 2 con colore di bordo lightcoral

Paragrafo 3 con colore di bordo lightskyblue

Paragrafo 4 con colore di bordo lightgray

Qua sotto si aggiunge il contenuto